<ui:composition template="templateProveedor.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
	<h:head></h:head>
	
	<ui:define name="versionListar">
	
		<style>			
			.ui-widget-content { border: none; padding: 5px; }
			
			.ui-widget-content tr td { border: none; color: #00708C; font-family: 'Lato',sans-serif; }
			
			.ui-button { padding:0px; }
			
			/* Importante! es para que no muestre el nombre del tipo de elemento en los botones de primefaces */
			.ui-button-text { display: none; }
						
			/* Importante! es para que queden los iconos en los botones de primefaces */
			.ui-widget select, .ui-widget button { font-family: 'Glyphicons Halflings'; }

		</style>	
	
	
		<div style="margin-top:70px; margin-bottom:70px;">
			
			<a href="versionRegistro.xhtml" style="float:right;"><button class="btn btn-success"><span class="glyphicon glyphicon-plus ">  </span>  Nuevo </button></a>
			
			<legend>Mis Versiones Digitales</legend>
			
			<h:form id="form">
			    
			    <p:dataTable id="dataTable" var="version" 
			    			value="#{versionBean.versionesProveedor}" styleClass="table table-hover" sortMode="multiple" sortOrder="descending" >		        
	
					<p:growl id="msg" showDetail="false" />
	 
	
			        <p:column style="text-align:center; width:auto;" headerText="Contenido Digital" sortBy="contDig.nombre" filterBy="contDig.nombre"  resizable="true">
						<p:graphicImage value="/Imagenes/Logos/#{version.contDig.nombre}"
	                    				styleClass="media-object logo pull-left"
	                    				width="40" height="40" style="margin: 10px;" />
	                    <h:outputText value="#{version.contDig.nombre}" style="ver" />
			        </p:column>
			        		        
			        <p:column style="text-align:center; width:auto;" headerText="Nombre" sortBy="nombre" filterBy="nombre" resizable="true">		        
	                    <h:outputText value="#{version.nombre}" />
			        </p:column>
			        
			        <p:column style="text-align:center; width:auto;" headerText="Numero" sortBy="numero" filterBy="numero" resizable="true">
	                    <h:outputText value="#{version.numero}" />
			        </p:column>
			        
			        <p:column style="text-align:center; width:auto;" headerText="Precio" sortBy="precio" filterBy="precio" resizable="true">
	                    <h:outputText value="#{version.precio}" />
			        </p:column>
	
			        <p:column style="text-align:center; width:auto;" headerText="Estado" sortBy="estadoAprobacion" filterBy="estadoAprobacion" resizable="true">
	                    <h:outputText value="#{version.estadoAprobacion}" />
			        </p:column>		        
	
			        <p:column style="text-align:center; width:auto;" headerText="Fecha Ingresada" id="fecha" sortBy="fechaCreacion"  resizable="true">
						<h:outputText value="#{version.fechaCreacion}" styleClass="control-label">
							<f:convertDateTime dateStyle="long" pattern="dd/MM/yyyy" for="#{version.fechaCreacion}" />
						</h:outputText>
			        </p:column>
	
					<p:column style="text-align:center;" width="130"  resizable="true">
					    <p:commandButton update="msg" styleClass="btn btn-info btn-sm glyphicon glyphicon-edit" style="margin: 2px;"
					    	actionListener="#{versionBean.getModificarVersion(version.idVersion)}" />
				    	<p:commandButton update="msg" styleClass="btn btn-danger btn-sm glyphicon glyphicon-trash" style="margin: 2px;"
					    	actionListener="#{versionBean.postEliminarVersionCD(version.idVersion)}" />
					</p:column>
					
			    </p:dataTable>
		    <p:resizable for="dataTable" aspectRatio="true"/>
		    <p:blockUI block="dataTable" trigger="dataTable"><i class="fa fa-refresh fa-spin"></i></p:blockUI>
		    
		</h:form>
	</div>
	</ui:define>
</ui:composition>

